import React, { Component } from 'react'
import Maindiv from './components/mainDiv'
import './jingxuan.scss'
export default class nvzhuang extends Component {
  constructor(){
    super()
    this.state={
      mainlist:[{
        'id':0,
        'src':'https://c.vpimg1.com/upcb/2020/01/03/76/ias_c66b4fcd-9d9f-4d06-9c99-659928bd28ba_570x273_90.jpg',
        'title':'添柏岚TIMBERLAND运动户外品质专场',
        'red_txt':3.9,
        'text':'折起'
      },
      {
        'id':1,
        'src':'https://c.vpimg1.com/upcb/2019/12/26/73/ias_8a907050-5303-460d-9f62-261864ac357e_570x273_90.jpg',
        'title':'安踏ANTA运动户外专场',
        'red_txt':2.5,
        'text':'折起'
      },
      {
        'id':2,
        'src':'https://d.vpimg1.com/upcb/2020/01/08/3/ias_c35f836d-ba84-419c-9895-19d411cb84d1_570x273_90.jpg',
        'title':'朵彩docare运动户外精选专场',
        'red_txt':0.8,
        'text':'折起'
      },
      {
        'id':3,
        'src':'https://c.vpimg1.com/upcb/2020/01/07/2/ias_e01fc59c-3816-491c-8047-ad552a329a59_570x273_90.jpg',
        'title':'亦美珊运动户外品质专场',
        'red_txt':4.5,
        'text':'折封顶'
      }]
    }
  }
  render() {
    return (
      <div className='main jingxuan' id='sports'>
        <img src='https://a.vpimg3.com/upload/dop/2016/03/17/183/sport.png' alt='' />
        <hr />
        <div className='jx_xq'>
          {this.state.mainlist.map(el=>{
            return <Maindiv key={el.id} mainlist={el}></Maindiv>
          })}
        </div>
      </div>
    )
  }
}
